{# empty Twig template #}
{% block body %}
    <table id="table" class="table dataTable table-nomargin table-bordered  table-hover">
        <thead><tr>
                <th>Nombre y Apellido</th>                                                
                <th>Debe</th>
                <th>Monto</th>
                <th>Mes de Abono</th>
                <th>Fecha de Abono</th>
        </tr></thead>
        <tbody>


        {% for cuota in cuotas %}
            <tr style="">
                <td><div id="alumno-{{alumno.id}}" style="position: relative; margin: 5px;" >
                    {{ alumno.nombreCompleto }}
                    </div>
                </td>
                    {% if cuota.estado %}
                    <td style="text-align: center;" class="control-group success">
                        <span style="position: relative; margin: 5px;" class="label label-success"> <i class="icon-bookmark-empty"> NO </i></span>
                    </td>
                    {% else %}
                    <td style="text-align: center;" class="control-group error">
                        <span style="position: relative; margin: 5px;" class="label label-important"><i class="icon-bookmark-empty"> SI</i></span>
                    </td>
                    {% endif %}
                <td style="text-align: center;">
                    <div style="position: relative; margin: 5px;" >{{ cuota.monto }}</div>
                </td>
                <td style="text-align: center;">
                    <div style="position: relative; margin: 5px;" >{{ cuota.mesabono }}</div>
                </td>
                <td style="text-align: center;">
                    {% if cuota.fechaabono == null %}
                        <div style="position: relative; margin: 5px;" > - </div>
                    {% else %}
                        <div style="position: relative; margin: 5px;" >{{ cuota.fechaabono }}</div>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}

        </tbody>
    </table>
{% endblock %}